<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jQuery-v1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/page.js"></script>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/page2.css" rel="stylesheet" type="text/css" />
<link href="css/page.css" rel="stylesheet" type="text/css" />
<link href="css/product.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
 $(function(){
    $('#porleft').validate({
        rules: {
        username: {
           required: true,
           minlength: 5  
        },
        email: {
           required: true,
           email: true
        },
        phone: {
           required: true,
           minlength: 11  
        },
       },
       messages: {
        username: {
          required : "请输入用户名",
          minlength: "请至少输入5位数的字母"
        },
        email: {
          required : "请输入邮箱",
          minlength: "请输入正确的邮箱格式"
        },
        phone: {
          required : "请输入手机号码",
          minlength: "请输入正确的手机号码"
        },
       },
       /*errorElement: "span",
         success: function(label){
             label.text("")
            .addClass("success");
        }*/
        errorClass: "action1", 
     });
 })
</script>
</head>

<body>
<div class="top">
   <div class="top_countent">
       <div class="top_left">
           <img src="images/user_backend/happy.jpg" alt="" title="" />
       </div>
       <div class="top_page">
          <a href="#" class="bg-pic">主页</a>|<a href="#" style="margin-right: 0px;">登录</a>
       </div>
   </div>
</div>
<div class="main">
    <div class="banner" style="display:none;">
       <div class="blank10"></div>
       <div id="outslides">
           <div class="slides_container">
               <a href="#" class="block"><img src="images/banner.jpg" alt="" title="" /></a>
               <a href="#"><img src="images/banner.jpg" alt="" title="" /></a>
               <a href="#"><img src="images/banner.jpg" alt="" title="" /></a> 
           </div>
           <div id="slides">
               <ul class="nav">
                   <li class="current"><a href="#">1</a></li>
                   <li><a href="#">2</a></li>
                   <li><a href="#">3</a></li>
               </ul>
           </div>
       </div>
    </div>
    <div class="blank10"></div>
    <div class="clean"></div>
     <div class="Search">
        <div class="logo">
            <a href="#"><img src="images/logo.jpg" alt="logo" title="logo" /></a>
        </div>
        <div class="search_text">
            <form id="searchForm" name="searchForm" method="get">
                <input type="text" id="search_1" class="search_1" value="请输入商品 、商家名称" title="" />
                <input type="submit"  id="sel_button" class="sel_button" value="" />
            </form>
        </div>
        <div class="search_right">
        	<a href="#">半身裙</a>
        	<a href="#">打底裤</a>
        	<a href="#">连衣裙</a>
        	<a href="#">情侣装</a>
        	<a href="#">凉鞋</a>
        	<a href="#">男T恤</a>
        	<a href="#">男士短裤</a>
        	<a href="#">iphone4手机壳</a>
        </div>
        <div class="clean"></div>
    </div>
    
    <!-- nav --> 
    <div class="link">
        <ul>
           <li><a href="#" class="bg_nav">首页</a></li>
        </ul>
    </div>
    <div class="blank10"></div>
    
    <!-- 广告位 -->
     <div class="login">
          <form id='porleft' method="get" class="porleft">
              <p>请输入以下资料中的一项</p>
              <p id="usernamep" class="h">
                 <label class="zhmn">
                     <input type="radio" id="typeusername" value="1" name="style" />
                     用&nbsp;户&nbsp;名
                 </label>
                <input id="usernameshadow" class="inp inw" type="text" style="display:none" value="" size="20px" />
                <input id="username" class="inp inw wrong_color wrong_color" type="text" name="username" maxlength="100" value="" size="20px" />
                 <span id="username_Tip" class="action1">
                    <span class="action_po">
                         <span class="action_po_top">用户名格式错误</span>
                         <span class="action_po_bot"></span>
                    </span>
                 </span>
              </p>
              <p id="emailp">
                 <label class="zhmn">
                     <input type="radio" id="typeusername" value="1" name="style" />
                     电子邮箱
                 </label>
                 <input id="emailshadow" class="inp inw" type="text" style="display:none" value="" size="20px" />
                 <input id="email_Tip" class="inp inw w" type="text" name="email" maxlength="100" value="" size="20px" />
                  <span id="username_Tip" class="" style="display:none">
                    <span class="action_po">
                         <span class="action_po_top">  请填写电子邮箱。</span>
                         <span class="action_po_bot"></span>
                    </span>
                 </span>
              </p>
              <p id="mobilep">
                 <label class="zhmn">
                     <input type="radio" id="typeusername" value="1" name="style" />
                     手机号码
                 </label>
                 <input id="emailshadow" class="inp inw" type="text" style="display:none" value="" size="20px" />
                 <input id="email_Tip" class="inp inw w" type="text" name="phone" maxlength="100" value="" size="20px" />
                  <span id="username_Tip" class="" style="display:none">
                    <span class="action_po">
                         <span class="action_po_top">手机号码格式错误</span>
                         <span class="action_po_bot"></span>
                    </span>
                 </span>
              </p>
              <p style="margin-top:40px">请输入图片中的验证码</p>
              <p>
                 <span class="regtlx pl20">验&nbsp;证&nbsp;码</span>
                 <input id="validatecode" class="inw2" type="text" maxlength="5" name="validatecode" size="2">
                 <IMG src="images/upload/8EPVH.jpg" alt=""  title="" />
                 <a class="f12" href="javascript:void(0)">看不清？</a>
              </p>
              <p>
                 <span class="regtlx pl20">&nbsp;</span>
                 <input id="btnSubmit" class="btns" type="submit" name="btnSubmit" checked="checked" value="提交">
              </p>
          </form>
     </div>
    <!-- 产品列表 -->

    <div class="blank20"></div>   
</div>
<div class="footer">
    <div class="adress">
        <a href="#">品质承诺</a>|<a href="#">联系我们</a><br />
        <p>Copyright © 2012 SSNF.cn inc.All Rights Reserved. 翼友电子商城 版权所有</p>
    </div>
</div>
</body>
</html>
